<template>
	<view class="g-title-wrap">
		<view class="head">
			<view class="title" :style="{'width':labelWidth+'rpx','textAlign':align}">{{label}}</view>
			<view class="title-slot">
				<slot name="header"></slot>
			</view>
		</view>
		<view class="main">
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	name:'g-empty',
	data() {
		return {
		};
	},
	props: {
		labelWidth:{
			default:80
		},
		label:{
			type:String
		},
		align:{
			default:"left",
			type:String
		}
	},
	computed: {
		
	},
	methods: {
		
	},
	created() {
		
	}
};
</script>
<style scoped lang="scss">
	@import "../../theme.scss";
	.g-title-wrap{
		width: 100%;
		.head{
			display: flex;
			justify-content: space-between;
			.title{
				font-size: 28rpx;
				color: $g-text-greier;
			}
		}
		.main{
			margin-top: 12rpx;
		}
	}
</style>
